<template>
    <div class="app-loading"></div>
</template>

<script lang="ts">
import { Vue, Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator';
import { Subject } from 'rxjs';
import { Indicator } from 'mint-ui';

@Component({
    components: {
    }
})
export default class AppLoading extends Vue {

    /**
     * 显示
     *
     * @memberof AppLoading
     */
    public start() {
        Indicator.open({
            text: '加载中...',
            spinnerType: 'fading-circle'
        });
    }

    /**
     * 关闭
     *
     * @memberof AppLoading
     */
    public  finish() {
        Indicator.close();
        document.body.removeChild(this.$el);
        this.$destroy();
     }
       
}
</script>

<style lang="less">


</style>